<template>
    <div class="tab-font">
        <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="date" label="定单编号" width="91"></el-table-column>
            <el-table-column prop="name" label="供应商名称" width="90"></el-table-column>
            <el-table-column prop="address" label="实时建议利率" width="93">
                <template slot-scope="scope">
                    <el-link type="danger" v-if="scope.row['address'] >3">{{scope.row['address']}}%</el-link>
                    <el-link type="success" v-else>{{scope.row['address']}}%</el-link>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data() {
        return {
            tableData: [
                {
                    date: '2100857426',
                    name: '特变电工',
                    address: '3',
                },
                {
                    date: '156565656',
                    name: '电工变压',
                    address: '3',
                },
                {
                    date: '156565656',
                    name: '德阳电缆',
                    address: '9.5',
                },
                {
                    date: '1857622',
                    name: '电工股票股',
                    address: '6.6',
                },
                {
                    date: '548200155',
                    name: '特变科技',
                    address: '2.6',
                },
                {
                    date: '965752222',
                    name: '特变中央湖',
                    address: '3.6',
                },
                {
                    date: '548200155',
                    name: '特变科技',
                    address: '2.6',
                },
                {
                    date: '548200155',
                    name: '特变科技',
                    address: '2.6',
                },
            ],
        }
    },
}
</script>
<style lang="scss">
.tab-font {
    font-size: 12px;
}
.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    font-size: 10px;
}
</style>